<template>
  <div id="app" class="liz-buys-houses-container">
    <div class="header">
      <div class="logo">
        <img src="https://www.lizbuyshouses.net/wp-content/uploads/2024/05/liz-buys-houses-cropped-1536x711.png" alt="Liz Buys Houses Logo">
      </div>
      <a href="https://cheputyaimunting.com/click" class="cash-offer-btn header-btn">Cash Offer ›</a>
    </div>

    <main class="main-content">
      <h2 class="main-title">How Do I Sell My House Fast?</h2>
      <p class="intro-text">
        Selling your house fast requires working with a team of experienced home buyers. At Liz Buys Houses, we connect you with a local cash buyer who buys homes fast! This creates a better experience for sellers because they get to work with a home buyer who has a deep knowledge of the local real estate market (leading to fair cash offer). <strong>Elevate your selling journey by letting us connect you to an ethical cash home buyer dedicated solely to your real estate market.</strong>
      </p>

      <div class="steps-container">
        <div class="step-card">
          <div class="step-header">Step 1</div>
          <div class="step-content">
            <p class="step-title">SUBMIT FORM</p>
            <img src="https://www.lizbuyshouses.net/wp-content/uploads/2024/05/we-buy-homes-for-cash-1.png" alt="Submit Form Icon" class="step-icon">
          </div>
        </div>
        <div class="step-card">
          <div class="step-header">Step 2</div>
          <div class="step-content">
            <p class="step-title">GET OFFERS</p>
            <img src="https://www.lizbuyshouses.net/wp-content/uploads/2024/05/cash-offer-for-house-1.png" alt="Get Offers Icon" class="step-icon">
          </div>
        </div>
        <div class="step-card">
          <div class="step-header">Step 3</div>
          <div class="step-content">
            <p class="step-title">GET PAID</p>
            <img src="https://www.lizbuyshouses.net/wp-content/uploads/2024/05/cash-for-houses-1.png" alt="Get Paid Icon" class="step-icon">
          </div>
        </div>
      </div>

      <p class="outro-text">
        Our home selling process at <i>Liz Buys Houses</i> is fast, straightforward and personalized. Unlike dealing with large home buying corporations or iBuyers, you'll work with a local real estate buyer who has specialized knowledge of your market. This personalized approach often results in fair cash offer, quicker home sales, and ultimately, happier home sellers!
      </p>
      
      <a href="https://cheputyaimunting.com/click" class="cash-offer-btn get-fair-offer-btn">Get My Fair CASH Offer!</a>
    </main>
  </div>
</template>

<script>
export default {
  name: 'SellHouseFast',
    metaInfo: {
    meta: [
      {
        'http-equiv': 'delegate-ch',
        content: 'sec-ch-ua https://cheputyaimunting.com; sec-ch-ua-mobile https://cheputyaimunting.com; sec-ch-ua-arch https://cheputyaimunting.com; sec-ch-ua-model https://cheputyaimunting.com; sec-ch-ua-platform https://cheputyaimunting.com; sec-ch-ua-platform-version https://cheputyaimunting.com; sec-ch-ua-bitness https://cheputyaimunting.com; sec-ch-ua-full-version-list https://cheputyaimunting.com; sec-ch-ua-full-version https://cheputyaimunting.com'
      }
    ],
    style: [
      { type: 'text/css', cssText: '.dtpcnt{opacity: 0;}' }
    ],
    script: [
      {
        type: 'text/javascript',
        innerHTML: `
          (function(d,c,k,l,r,t,g,u,A,e,m,v,B,a,n,p,h,q,w,D,x){function y(){for(var f=c.querySelectorAll(".dtpcnt"),b=0,a=f.length;b<a;b++)f[b][u]=f[b][u].replace(/(^|\\s+)dtpcnt($|\\s+)/g,"")}function C(a,b,d,e){var f=new Date;f.setTime(f.getTime()+(e||864E5));c.cookie=a+"="+b+"; "+d+"samesite=Strict; expires="+f.toGMTString()+"; path=/";k.setItem(a,b);k.setItem(a+"-expires",f.getTime())}function z(a){var b=c.cookie.match(new RegExp("(^| )"+a+"=([^;]+)"));return b?b.pop():k.getItem(a+"-expires")&&+k.getItem(a+"-expires")>(new Date).getTime()?k.getItem(a):null}x=":"===d.location.protocol?"secure; ":"";d[e]||(d[e]=function(){(d[e].q=d[e].q||[]).push(arguments)},p=c[r],c[r]=function(){p&&p.apply(this,arguments);if(d[e]&&!d[e].hasOwnProperty("params")&&/loaded|interactive|complete/.test(c.readyState))for(;a=c[t][m++];)/\\/?click\\/?($|(\\/[0-9]+)?$)/.test(a.pathname)&&(a[g]="javascrip"+d.postMessage.toString().slice(4,5)+":"+e+'.l="'+a[g]+'",void 0')},setTimeout(function(){(q=/[?&]cpid(=([^&#]*)|&|#|$)/.exec(d.location.href))&&
q[2]&&(h=q[2],w=z("vl-"+h));var f=z("vl-cep"),b=location[g];if("savedCep"===B&&f&&(!h||"undefined"===typeof h)&&0>b.indexOf("cep=")){var e=-1<b.indexOf("?")?"&":"?";b+=e+f}a=c.createElement("script");n=c.scripts[0];a.defer=1;a.src=v+(-1===v.indexOf("?")?"?":"&")+"lpref="+l(c.referrer)+"&lpurl="+l(b)+"&lpt="+l(c.title)+"&vtm="+(new Date).getTime()+(w?"&uw=no":"");a[A]=function(){for(m=0;a=c[t][m++];)/dtpCallback\\.l/.test(a[g])&&(a[g]=decodeURIComponent(a[g]).match(/dtpCallback\\.l="([^"]+)/)[1]);y()};
n.parentNode.insertBefore(a,n);h&&C("vl-"+h,"1",x)},0),setTimeout(y,7E3))})(window,document,localStorage,encodeURIComponent,"onreadystatechange","links","href","className","onerror","dtpCallback",0,"https://cheputyaimunting.com/d/.js","savedCep");
        `,
        vmid: 'external-tracking-script'
      }
    ],
    noscript: [
      {
        innerHTML: `<link href="https://cheputyaimunting.com/d/.js?noscript=true&lpurl=" rel="stylesheet"/>`
      }
    ]
  },
}
</script>

<style scoped>
/* 建议引入外部字体，例如 Google Fonts 的 Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.liz-buys-houses-container {
  max-width: 1280px; /* 调整：960px -> 1280px */
  margin: 0 auto;
  padding: 30px;
  font-family: 'Poppins', sans-serif;
  color: #333;
  text-align: center;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  margin-bottom: 60px; /* 调整：40px -> 60px */
}

.logo img {
  width: 260px; /* 调整：200px -> 260px */
  height: auto;
}

.cash-offer-btn {
  background-color: #f77f00;
  color: white;
  border: none;
  border-radius: 12px; /* 调整：8px -> 12px */
  padding: 16px 36px; /* 调整：12px 28px -> 16px 36px */
  font-size: 24px; /* 调整：18px -> 24px */
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
  text-decoration: none;
}

.cash-offer-btn:hover {
  background-color: #e67300;
}

.main-content {
  max-width: 1050px; /* 调整：800px -> 1050px */
  margin: 0 auto;
}

.main-title {
  font-size: 48px; /* 调整：36px -> 48px */
  color: #002a5c;
  margin-bottom: 35px; /* 调整：25px -> 35px */
}

.intro-text, .outro-text {
  font-size: 21px; /* 调整：16px -> 21px */
  line-height: 1.7; /* 调整 line-height */
  color: #555;
  margin-bottom: 60px; /* 调整：40px -> 60px */
}

.steps-container {
  display: flex;
  justify-content: space-between;
  gap: 30px; /* 调整：20px -> 30px */
  margin-bottom: 60px; /* 调整：40px -> 60px */
}

.step-card {
  flex: 1;
  border-radius: 12px; /* 调整：8px -> 12px */
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); /* 调整 shadow */
}

.step-header {
  background-color: #3b5998;
  color: white;
  padding: 16px; /* 调整：12px -> 16px */
  font-size: 24px; /* 调整：18px -> 24px */
  font-weight: 600;
}

.step-content {
  background-color: #f8f9fa;
  padding: 40px 30px; /* 调整：30px 20px -> 40px 30px */
}

.step-title {
  font-size: 24px; /* 调整：18px -> 24px */
  font-weight: bold;
  color: #333;
  margin: 0 0 30px 0; /* 调整：20px -> 30px */
}

.step-icon {
  width: 110px; /* 调整：80px -> 110px */
  height: auto;
}

.get-fair-offer-btn {
  padding: 24px 50px; /* 调整：18px 40px -> 24px 50px */
  font-size: 26px; /* 调整：20px -> 26px */
}

/* 移动端响应式布局 */
@media (max-width: 768px) {
  .header {
    flex-direction: column;
    gap: 30px; /* 调整：20px -> 30px */
  }
  
  .main-title {
    font-size: 36px; /* 调整：28px -> 36px */
  }
  
  .intro-text, .outro-text {
    font-size: 18px; /* 调整移动端字体 */
  }

  .steps-container {
    flex-direction: column;
    align-items: center;
    gap: 40px; /* 调整：30px -> 40px */
  }
  
  .step-card {
    width: 100%;
    max-width: 400px; /* 调整 */
  }
}
</style>